﻿@model IEnumerable<OnlineBookstore.Models.BookDetailsInfo>

@{
    ViewBag.Title = "搜索结果";
    Layout = "~/Views/Shared/_Layout.cshtml"; // 保持与你的布局一致
}

<div class="main-content">
    <header class="main-header">
        <!-- 保持与原始页面相同的头部 -->
    </header>

    <div class="book-grid">
        @if (Model.Any())
        {
            @Html.Partial("_BookListPartial", Model)
        }
        else
        {
            <div class="no-results">
                <i class="fas fa-search fa-3x"></i>
                <h3>没有找到相关书籍</h3>
                <p>请尝试其他关键词</p>
            </div>
        }
    </div>
</div>

<style>
    .no-results {
        text-align: center;
        padding: 4rem;
        grid-column: 1 / -1;
        color: #636e72;
    }
</style>